<template lang="html">
  <div class="index-particulars">
    <TopBack />
    <ParticularsHeader :particularsData='particularsData'/>
    <Joinshopping />
  </div>
</template>

<script>
import TopBack from '../../components/TopBack'
import ParticularsHeader from '../../components/Index/particularsHeader'
import Joinshopping from '../../components/Worksshop/Joinshopping'
export default {
  name:'IndexParticulars',
  components:{
    TopBack,
    ParticularsHeader,
    Joinshopping
  },
  data(){
    return{
      particularsData:{}
    }
  },
  created(){
    var id = this.$route.params.id;
    var bannerId = this.$route.params.bannerId
    // console.log(id);
    // console.log(bannerId);
    // particulars 网络请求
    this.$axios.get(this.HOST + '/api/particulars')
    .then(res => {
      // console.log(res.data);
      this.particularsData = res.data
    })
    .catch(error => {
      console.log(error);
    })
  }
}
</script>

<style lang="less" scoped>

.index-particulars{
  width: 100%;
  background-color: #f1f1f1;
}

</style>
